<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

    <!-- Le Basic Page Needs
    ================================================== -->
    <meta charset="utf-8">
    <title>Simply.Me - Short Static</title>
    <meta name="description" content="Simply.Me is a single-page style personal template designed to provide the user with a simple, elegant and up-to modern standard personal website.">
	<meta name="keywords" content="simply, my, theme, bootstrap, template, creative, market">
    <meta property="og:description" content="Simply.Me is a single-page style personal template designed to provide the user with a simple, elegant and up-to modern standard personal website."/>
    <meta property="og:title" content="Simply.Me"/>
    <meta property="og:site_name" content="FWPolice"/>
    <meta property="og:image" content="images/logo.png"/>
    <meta name="author" content="Fwpolice">

    <!-- Le Mobile Specific Metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Le CSS
    ================================================== -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/picons.css">
	<link rel="stylesheet" href="css/style.css">

    <!-- Le CSS
    ================================================== -->
	<link rel="stylesheet" href="css/branding/default.css">

    <!-- Le IE Conditionals
    ================================================== -->

    <!--[if lt IE 9]>
	    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    
    <!-- Le Javascript Pre-loads
    ================================================== -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <script src="js/modernizr.custom.js"></script>

	<!-- Le Fonts
	================================================== -->
	<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700' rel='stylesheet' type='text/css'>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

	<!-- Le Favicons
	================================================== -->	
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body id="top" class="single">
<!-- Le Widget -->
<div id="widget">
	<div class="widget_container">
		<div class="container">
			<div class="row">
				<div class="col-sm-7">
                    Sign up for my newsletter to get heads up on upcoming theme sales and other wonderful resources. 
                    Don't worry, I don't like spam either and will never share your email address.
                </div>
				<div class="col-sm-1">
                </div>
				<div class="col-sm-4">
                    <div class="row">
                        <div class="col-sm-8">
                            <input type="email" name="email" placeholder="Your Email">
                        </div>
                        <div class="col-sm-4">
                            <button class="login-button">Sign Up</button>
                        </div>
                    </div>
                </div>
			</div>
		</div>
	</div>
	<a class="toggle"><i class="fa fa-sort"></i></a>
</div>
    
<!-- Le Header -->
<header>
    <div class="overlay">
        <article>
            <h1>Translation  <font color=red>[BOX]</font></h1>
            <h2><font color=red>Translation</font> &middot; Localization</h2>
        </article>
    </div>
</header>

<!-- Le Navigation -->
<nav>
    <div class="container">
        <div class="row">
            <ul id="top-menu">
                <li onclick="redirect()" class="col-sm-3"><a href="#"><i class="fa fa-chevron-left"></i></a></li>
                <li class="col-sm-6"><a href="#exp">Experience</a></li>
				<li class="col-sm-3 active"><a href="#top"><i class="fa fa-chevron-up"></i><span class="hidden">Top</span></a></li>
                
            </ul>
        </div>
    </div>
</nav>
    
<section class="article-header" style="background-image: url(images/piano.jpg)">
    <div class="article-title-container">
        <div class="container">
            <div class="article-title">
                <h1 class="title">
                    Our Experience &amp; Works
                </h1>
            </div>
        </div>
    </div>
</section>
    
<section id="exp" class="bg-white">
    <div class="container">
        <article>
            <div class="content">
                <p>Yeah, I like animals better than people sometimes... Especially dogs. Dogs are the best. Every time you come home, they act like they haven't seen you in a year. And the good thing about dogs... is they got different dogs for different people. Like pit bulls. The dog of dogs. Pit bull can be the right man's best friend... or the wrong man's worst enemy. You going to give me a dog for a pet, give me a pit bull. Give me... Raoul. Right, Omar? Give me Raoul. </p>
                
                <blockquote>Is there any way you could lend me some money? Maybe twenty million dollars.</blockquote>
                
                <p>Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price. </p>
                
                <p>Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb. </p>
                
                <p>You see? It's curious. Ted did figure it out - time travel. And when we get back, we gonna tell everyone. How it's possible, how it's done, what the dangers are. But then why fifty years in the future when the spacecraft encounters a black hole does the computer call it an 'unknown entry event'? Why don't they know? If they don't know, that means we never told anyone. And if we never told anyone it means we never made it back. Hence we die down here. Just as a matter of deductive logic. </p>
                
                <p>Like you, I used to think the world was this great place where everybody lived by the same standards I did, then some kid with a nail showed me I was living in his world, a world where chaos rules not order, a world where righteousness is not rewarded. That's Cesar's world, and if you're not willing to play by his rules, then you're gonna have to pay the price. </p>
            </div>
        </article>
    </div>
</section>

<!-- Le Footer -->    
<footer class="footer-wrapper hidden-xs">
    <div class="footer-slogan">
        <div class="container">
            <div class="row">
                <a class="ribbon"></a>
            </div>
        </div>
    </div>
    <div class="footer-links container">
        <div class="row">
            <div class="col-sm-4">
                <h4>Recent Tweets</h4>
                <p>
                    Wayfarers magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est. Wayfarers 
                    magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est.
                </p>
            </div>
            <div class="col-sm-4">
                <h4>Recent Articles</h4>
                <p>
                    Wayfarers magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est. Wayfarers 
                    magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est.
                </p>
            </div>
            <div class="col-sm-4">
                <h4>Business Hours</h4>
                <p>
                    Wayfarers magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est. Wayfarers 
                    magna sunt, Austin organic brooklyn nesciunt exercitation you probably haven't heard of them est.
                </p>
            </div>
        </div>
    </div>
</footer>

<div class="footer-copyright">
    <div class="container">
        <div class="row">
            <div class="col-sm-8">
                &copy; Simply.Me. All Rights Reserved.
            </div>
            <div class="col-sm-4 text-right mobile-center">
                <a href="#">Privacy</a> / <a href="#">Terms</a> / <a href="#">Jobs</a>
            </div>
        </div>
    </div>
</div>
    
<div id="preloader"><div id="status"><div class="spinner"></div></div></div>
    
<!-- Le Javascript -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/library.js"></script>
<script src="js/scripts.js"></script>

<script type="text/javascript">
	function redirect(){
		document.location.href = "/translation-box/index.html";
	}
</script>
</body>
</html>